<!DOCTYPE html>
<style>
    body { overflow:hidden; } /* Prevent extra layout pass (which could hide the problem) */
</style>
<p>In nested multicol, test that an inner spanner that follows a
    column row whose contents cannot be evenly balanced (the row has 2
    columns and 5 lines of equal height) ends up where it should.</p>
<p>There should be a blue square below.</p>
<div style="-webkit-columns:3; -webkit-column-gap:0; column-fill:auto; width:120px; line-height:120px; height:360px;">
    <div style="-webkit-columns:2; -webkit-column-gap:0;">
        <div style="background:blue;"><br></div> <!-- first line in first column -->
        <br>
        <br>
        <div style="background:blue;"><br></div> <!-- first line in second column -->
        <br>
        <div style="-webkit-column-span:all; background:blue;"><br></div>
        <br>
        <br>
        <br>
        <br>
        <div style="background:blue;"><br></div> <!-- first line in fourth column -->
        <br>
        <div style="background:blue;"><br></div> <!-- first line in fifth column -->
    </div>
</div>
